// @import '~@/base/dark.less';
.main {
  // height: var(--page-height);
  overflow: auto;
  // background: #161a1d;

  .container {
    .spot {
      margin: 24px 0 14px 0;
    }
    .selectRow {
      display: flex;
      justify-content: flex-start;
      background-color: var(--bg-main);

      .search {
        width: 98px;
        margin-top: 14px;
        margin-right: 16px;
      }
    }
  }
  .rline {
    height: 1px;
    margin: 0 44px;
    margin-top: 7px;
    margin-bottom: 7px;
    background: rgba(202, 151, 151, 0);
  }

  .header {
    padding: 12px 0;
    border-bottom: solid 1px rgba(0, 0, 0, 0.15);
    .breadcrumb {
      padding-left: 40px;
    }
    .main {
      display: flex;
      flex-direction: row;
      margin-top: 12px;
      padding-bottom: 10px;
      padding-left: 30px;
      :global {
        .ant-cascader-picker-label {
          font-weight: 500;
          font-size: 22px;
          font-family: PingFang SC;
          font-style: normal;
        }
        .antd-pro-components-station-index-breadcrumb .ant-breadcrumb {
          border: none !important;
          box-shadow: none;
        }
        .ant-cascader-picker:focus .ant-cascader-input {
          border: none !important;
          box-shadow: none;
        }
        .antd-pro-components-station-index-breadcrumbbox:focus {
          border: none !important;
          box-shadow: none;
        }
        .ant-input {
          border: none;
          border-color: transparent;
          border-radius: 0;
          box-shadow: none;
        }
        .ant-select-selection,
        .ant-select-selection--single {
          /* margin-left: 10px; */
          color: rgba(0, 0, 0, 0.8);
          font-weight: bold;
          font-size: 22px;
          line-height: 32px;
          border: none;
          box-shadow: none;
        }
        .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
          color: rgba(0, 0, 0, 0.8);
          font-weight: 700;
          font-size: 22px;
          line-height: 32px;
          border: none;
          box-shadow: none;
        }
      }
    }
    .breadcrumbbox {
      display: flex;
      flex-direction: row;
      align-items: center;
    }
    .breadcrumbtext {
      margin-left: 10px;
      color: rgba(0, 0, 0, 0.8);
      font-weight: bold;
      font-size: 22px;
      line-height: 32px;
    }
    .darkBreadcrumbtext {
      color: white;
    }
    .suffix {
      margin-left: 5px;
      color: rgba(0, 0, 0, 0.3);
      font-size: 12px;
      transition: all 0.3s ease-out;
    }
  }
}
